@import "css.css";
.common {
  background-color: pink;
}
.container {
  border: 2px dotted orange;
  /*第一行
    第二行*/
}
.container::before {
  content: "我在前面";
}
.container::after {
  content: "我在后面";
}
.container > .my-p {
  width: calc(5px + 10px);
  color: skyblue;
  border-width: 1px;
  border-color: orange;
  border-style: dotted;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .container {
    color: gray;
  }
}
